import React, { useState } from 'react';
import { CommentOutlined, SettingOutlined } from '@ant-design/icons';
import { FloatButton, } from 'antd';

const App: React.FC = () => {
  const [open, setOpen] = useState(false);

  const onChange = () => {
    setOpen(!open)
  };

  return (
    <>
      <FloatButton.Group
        open={open}
        trigger="click"
        // style={{ right: 40 }}
        icon={<SettingOutlined />}
        onClick={onChange}
        className='right-10'
      >
        <FloatButton icon={<CommentOutlined />}/>
      </FloatButton.Group>
    </>
  );
};

export default App;